<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>第一个页面</title>
		<style type="text/css">
			/*
			//-------------------------- 字体 --------------------------
			定义字体
			@font-face
				{
				font-family: myFirstFont; 自定义字体名称
				src: url('Sansation_Light.ttf'),    字体url
					 url('Sansation_Light.eot');	字体url 
				}
				
			使用字体
			font-family(字符集): 			"微软雅黑",myFirstFont,Georgia,Serif;字符集按先后顺序应用，不同字符集用","分隔
			font-style(字体样式):			normal 默认值。浏览器显示一个标准的字体样式。 
										italic 浏览器会显示一个斜体的字体样式。 
										oblique 浏览器会显示一个倾斜的字体样式。 
			font-size(字体大小): 			10px
			font-weight(字体粗细)			500
			
			
							
			//-------------------------- 文本 --------------------------
			color(字体颜色):				red
			text-indent(首行缩进):			20px
			letter-spacing(字母间距):		5px			
			word-spacing(单词间距):		2px
			
			direction(文本方向): 			ltr 默认。文本方向从左到右。 
										rtl 文本方向从右到左。
										 
			line-height(行高):			number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距。 
										length 设置固定的行间距。 
										% 基于当前字体尺寸的百分比行间距。 
										
			text-align(水平对齐):			left 把文本排列到左边。默认值：由浏览器决定。 
										right 把文本排列到右边。 
										center 把文本排列到中间。 
										justify 实现两端对齐文本效果。 
						
			vertical-align(垂直对齐):		baseline 默认。元素放置在父元素的基线上。 
										sub 垂直对齐文本的下标。 
										super 垂直对齐文本的上标 
										top 把元素的顶端与行中最高元素的顶端对齐 
										text-top 把元素的顶端与父元素字体的顶端对齐 
										middle 把此元素放置在父元素的中部。 
										bottom 把元素的顶端与行中最低的元素的顶端对齐。 
										text-bottom 把元素的底端与父元素字体的底端对齐。 
										length   
										% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。 														
					
			text-shadow(文字阴影):			10px 	0px		10px	10px	red 	inset;
			可同时设置多个阴影,用","号分隔		横向偏移	纵向偏移	模糊距离	阴影大小	阴影颜色	内阴影
									
			text-decoration(修饰线):		none 默认。定义标准的文本。 
										underline 定义文本下的一条线。 
										overline 定义文本上的一条线。 
										line-through 定义穿过文本下的一条线。 
										blink 定义闪烁的文本。 
										
			text-transform(字母大小写):		none 默认。定义带有小写字母和大写字母的标准的文本。 
										capitalize 文本中的每个单词以大写字母开头。 
										uppercase 定义仅有大写字母。 
										lowercase 定义无大写字母，仅有小写字母。 
			
			text-overflow(文本溢出):		clip 修剪文本。 
										ellipsis 显示省略符号来代表被修剪的文本。 
										">>>"使用给定的字符串来代表被修剪的文本。 

			*/
		</style>
	</head>
	<body>
		
	</body>
</html>
